@import "../commonFunc";

.text_viewer_module {
    .viewer_head {
        left: 25%;
        right: 25%;
    }

    .main_container {
        .common_container {
            max-width: 1400px;
            margin: 0 auto;


            > div {
                min-height: calc(100vh - 145px);
                @include bgColor(rgba(255, 255, 255, .6));
                padding: px2rem(30) px2rem(100);

                h4 {
                    @include fontSize(px2rem(20));
                    text-align: center;
                    margin-bottom: px2rem(30);
                    @include color(#6E4B30);
                    padding-bottom: px2rem(10);
                    border-bottom: 1px solid rgba(175, 137, 98, .4);
                }

                .text_content {
                    p {
                        @include fontSize(px2rem(14));
                        line-height: px2rem(25);
                        margin-bottom: px2rem(15);
                        @include color(#6E4B30);
                        @include position(relative);
                        padding-left: px2rem(30);

                        &:before {
                            content: "·";
                            @include position;
                            @include trbl(0, '', 0, 0);
                            @include fontSize(px2rem(30));
                            @include displayFlex;
                            @include color(rgba(110, 75, 48, .6));
                        }
                    }
                }
            }

            .json_style, .xml_style {
                pre {
                    @include fontSize(px2rem(18));
                    @include color($defaultColor);
                    @include bgColor(rgba(175, 137, 98, .1));
                    padding: px2rem(5);
                    font-weight: normal;
                }
            }

            .word_content {
                .pg-viewer-wrapper {
                    .document-container {
                        width: 100%;
                    }
                }
            }
        }
    }

    &.excel_viewer_module {
        .main_container {
            .common_container {
                > div {
                    min-height: calc(100vh - 150px);

                    .excel_style {
                        min-height: calc(100% - 60px);

                        .ant-radio-group {
                            margin-bottom: px2rem(15);
                            .ant-radio-button-wrapper {
                                @include bgColor(transparent);
                                @include color($defaultColor);

                                &.ant-radio-button-wrapper-checked {
                                    @include bgColor($defaultColor);
                                    @include color(white);
                                }
                            }
                        }
                    }
                }
            }
        }
    }

}
